@CHARSET "UTF-8";

* {
	margin: 0; padding: 0;
}

body {
	background: #f0f0f0; font-family: Arial; font-size: 16px; color: #333; min-width: 360px;
}

a {
	text-decoration: none;
}

.header {
	margin-top: 1em; width: 100%;
}

.header_wrapper {
	margin: 0 auto; width: 960px; overflow: hidden;
}

.blog {
	float: left; font-family: 'Courier New';
}

.blog_title h1 {
	font-size: 2em; text-shadow: 0 1px 1px #000;
}

.blog_title h1 a:link, .blog_title h1 a:visited {
	color: #333;
}

.blog_title h1 a:hover, .blog_title h1 a:active {
	color: #666;
}

.blog_title h1 a span {
	background: #333; color: #f0f0f0; padding: 0 0.2em; border-radius: 5px;
}

.blog_motto {
	font-weight: bold; color: #666; text-indent: 4em;
}

.search {
	float: right;
}

.search #txt_search {
	border: 1px solid #e0e0e0; border-radius: 5px; padding: 5px 10px; background-color: #fff; width: 14em; margin-top: 1em;
}

.nav {
	margin-top: 1em; background-color: #333;
}

.nav_wrapper {
	width: 960px; margin: 0 auto;
}

.nav_wrapper ul {
	list-style: none; padding: 0.5em 0; margin-left: 1em;
}

.nav_wrapper li {
	display: inline; font-size: 1em; font-weight: bold; margin-right: 2em;
}

.nav_wrapper a {
	display: inline-block; padding: 0.2em 1em; border-radius: 5px;
}

.nav_wrapper a:link, .nav_wrapper a:visited {
	color: #f0f0f0; background-color: #333;
}

.nav_wrapper a:hover, .nav_wrapper a:active, .nav_wrapper a.curr {
	color: #333; background-color: #f0f0f0;
}

.main {
	margin: 0 auto; width: 960px; overflow: hidden;
}

.main_content {
	float: left; width: 700px; min-height: 500px;
}

.pos {
	margin-top: 1em; font-size: 1.3em; font-weight: bold;
}

.entry {
	background-color: #fff; margin-top: 1em; padding: 1em; border-radius: 5px; border-bottom: 3px solid #e0e0e0; overflow: hidden;
}

.entry .title {
	font-size: 1em; border-bottom: 1px dashed #e0e0e0; padding-bottom: 0.6em;
}

.entry .title h1 {
	font-size: 1.3em;
}

.entry .title a:link, .entry .title a:visited {
	color: #333;
}

.entry .title a:hover, .entry .title a:active {
	color: #666;
}

.entry .content p {
	padding: 0.5em 0; line-height: 2em;
}

.entry .code_inline {
	background-color: #f0f0f0; border: 1px solid #e0e0e0; color: #F00; border-radius: 3px; padding-left: 0.2em; padding-right: 0.2em;
	font-family: 'Courier New'; margin-left: 0.2em; margin-right: 0.2em;
}

.entry .content .code_inline {
	font-size: 0.9em;
}

.entry .content pre.code {
	background-color: #f0f0f0; border: 1px solid #e0e0e0; font-family: 'Courier New'; font-size: 0.9em; padding: 1em; border-radius: 5px;
	overflow-x: auto;
}

.entry .content h2 {
	padding-bottom: 0.5em; border-bottom: 1px solid #e0e0e0;
}

.tags {
	margin-top: 1em;
}

.tags ul {
	list-style: none; list-style-position: inside;
}

.tags li {
	display: inline; font-weight: bold; margin-right: 0.5em; font-size: 0.8em;
}

.tags a {
	display: inline-block; padding: 0.2em 1em; border-radius: 5px;
}

.tags a:link, .tags a:visited {
	color: #333; background-color: #f0f0f0;
}

.tags a:hover, .tags a:active {
	color: #f0f0f0; background-color: #333;
}

.info {
	margin-top: 1em; font-size: 0.8em; color: #666; text-align: right;
}

.info ul {
	list-style: none; list-style-position: inside;
}

.info li {
	display: inline; padding-left: 1.8em; margin-right: 0.8em; background-image: url("/static/images/icons.png"); background-repeat: no-repeat;
}

.info_category {
	background-position: 0 -21px;
}

.info_author {
	background-position: 0 -82px;
}

.info_time {
	background-position: 0 -1px;
}

.info_views {
	background-position: 0 -62px;
}

.info_comments {
	background-position: 0 -43px;
}

.overview {
	margin-top: 1em; line-height: 1.5em;
}

.overview2 {
	margin-top: 1em; font-size: 1em; line-height: 1.5em; border: 1px solid #e0e0e0; padding: 1em; background: #f0f0f0; border-radius: 5px;
}

.sidebar {
	float: right; width: 240px;
}

.box {
	margin-top: 1em; padding: 1em; border-radius: 5px; background-color: #fff; border-bottom: 3px solid #e0e0e0;
}

.box_title {
	font-size: 1em; font-weight: bold; border-bottom: 1px dashed #e0e0e0; padding-bottom: 1em;
}

.profile_photo {
	margin: 1em 0; text-align: center;
}

.profile_photo img {
	border-radius: 10px;
}

.profile {
	font-size: 0.9em; line-height: 2em;
}

.box_content {
	margin-top: 1em; font-size: 0.9em;
}

.box_content ul {
	list-style: none;
}

.box_content li {
	font-size: 1em; line-height: 2em; padding: 0.2em 0;
}

.box_content a:link, .box_content a:visited {
	background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 1px white inset, 0 0 1px rgba(34, 25, 25, 0.1);
	color: #999; display: block; overflow: hidden; padding: 0.2em 1em;
}

.box_content a:link span, .box_content a:visited span {
	border-left: 1px solid #ddd; display: block; float: right; width: 2em; text-align: center; margin-right: -0.5em;
}

.box_content a:hover, .box_content a:active {
	color: #666; background-color: #fff;
}

.footer {
	margin-top: 1em; background-color: #333;
}

.footer_wrapper {
	width: 960px; margin: 0 auto; color: #ccc; font-weight: bold; font-size: 0.9em; padding: 2em 0;
}

.footer_wrapper .copyright {
	margin-left: 1em; line-height: 2em;
}

.copyright a {
	color: #ccc;
}

.pagination {
	margin: 1em 0 0 4em;
}

.pagination ul {
	list-style: none;
}

.pagination li {
	display: inline;
}

.pagination a {
	display: inline-block; line-height: 2em; width: 2em; text-align: center; border-radius: 1em; font-weight: bold;
}

.pagination a:link, .pagination a:visited {
	color: #333; background-color: #e0e0e0;
}

.pagination a:hover, .pagination a:active, .pagination a.curr {
	color: #e0e0e0; background-color: #333;
}

.tag_list {
	list-style: none; list-style-position: inside;
}

.tag_list li {
	display: inline-block; font-weight: bold; margin: 0.8em 1em 0 0; font-size: 0.8em; line-height: 1.8em;
}

.tag_list li a {
	display: inline-block; padding: 0.2em 1em; border-radius: 5px;
}

.tag_list a:link, .tag_list a:visited {
	color: #333; background-color: #f0f0f0;
}

.tag_list a:hover, .tag_list a:active {
	color: #f0f0f0; background-color: #333;
}

.k {
	color: #7F0055; font-weight: bold;
}

.s {
	color: #00f;
}

.c {
	color: #009000;
}

.a {
	color: #666;
}

@media screen and (max-width: 980px) {
	.header_wrapper {
		width: 100%;
	}
	.blog {
		margin-left: 1em;
	}
	.search {
		margin-right: 1em;
	}
	.nav_wrapper {
		width: 100%;
	}
	.main {
		width: 100%;
	}
	.main_content {
		float: none; width: 100%;
	}
	.pos {
		margin-left: 1em; margin-right: 1em;
	}
	.entry {
		margin-left: 1em; margin-right: 1em;
	}
	.sidebar {
		display: none;
	}
	.footer_wrapper {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.header_wrapper {
		text-align: center;
	}
	.blog {
		float: none;
	}
	.search {
		float: none;
	}
	.blog_title h1 {
		font-size: 1.6em;
	}
	.blog_motto {
		display: none;
	}
	.nav_wrapper {
		text-align: center;
	}
	.nav_wrapper ul {
		margin-left: 0;
	}
	.nav_wrapper li {
		margin-right: 0;
	}
	.info {
		display: none;
	}
}